<div class="modal fade bs-modal-sm" id="modalLogin" tabindex="-1" role="dialog" aria-labelledby="mySmallModalLabel" aria-hidden="true">
  	<div class="modal-dialog modal-sm">
    	<div class="modal-content popup-login">
      		<div class="modal-body">
     				<form class="form-horizontal" id="memberLogin">
      				<fieldset>
	                <!-- Sign In Form -->
                  <div class="login-content">
	                  <!-- <img src="/theme/Default/img/user-login-icon.png" class="login-icon"> -->
	                  <div class="login-title">
	                      Đăng nhập...
	                  </div>
	                  <div class="login-textbox">
	                      <input placeholder="Nhập email" class="field" name="email" id="email" type="text">
	                  </div>
	                  <div class="login-textbox">
	                      <input autocomplete="off" placeholder="Nhập mật khẩu" class="field" name="password" id="password" type="password">
	                  </div>
	                  <div class="login-error" id="modal_login_error">
	                      <!-- <label></label> -->
	                  </div>
                  	  <div class="link_forgot" id="" style="text-align: left">
                      	<a href="javascript:void(0)" id="btn_forgot_pass">Quên mật khẩu?</a>
                   	  </div>	
             	 	</div>
	                <!-- Button -->
	                <div class="control-group">
	                  	<label class="control-label" for="signin"></label>
                  		<div class="controls">
                    		<button id="signin" name="signin" class="btn btn-success">Sign In</button>
                  		</div>
	                </div>
      				</fieldset>
      			</form>
      		</div>
      		<div class="modal-footer">
      			<center>
        			<button type="button" class="btn btn-default" data-dismiss="modal">Close</button>
        		</center>
      		</div>
    	</div>
  	</div>
</div>
<!-- Modal forgot pass-->
<div class="modal fade" id="modal_forgot_pass" tabindex="-1" role="dialog" aria-labelledby="modal_forgot_pass" aria-hidden="true">
  <div class="modal-dialog" style="width: 300px">
    <div class="modal-content" style="width: 300px;">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
        <h4 class="modal-title" id="myModalLabel">Quên mật khẩu</h4>
      </div>
      <form action="/quen-mat-khau" id="" method="post">
	      <div class="modal-body" style="text-align: center;">
		       <input type="text" name="data[email]" class="form-control" placeholder="Nhập email"/>
		       <input class="form-control" name="data[captcha]" type="text" id="data_captcha" maxlength="5" style="margin-top: 5px;" placeholder="Nhập mã xác nhận"/>
		       <img id="captcha_image_reset" alt="" src="/Captcha/get_captcha">
			   <a id="reload_reset" href="javascript:void(0);"><span class="glyphicon glyphicon-refresh"></span></a>
	      </div>
	      <div class="modal-footer">
          	<button type="submit" class="btn btn-primary">Đổi mật khẩu</button>
       	</div>
      </form>
    </div>
  </div>
</div>
<script>
$( document ).ready(function() {
	$("#btn_forgot_pass").click(function(){
		$("#modalLogin").modal('hide');	
		$("#modal_forgot_pass").modal('show');
	});
	$('#reload_reset').click(function() {
		var captcha = $("#captcha_image_reset");
		captcha.attr('src', captcha.attr('src')+'?'+Math.random());
		return false;
  	});
});
</script>